<!DOCTYPE html>
<html lang="zh-cn">

<head>
  <meta charset="UTF-8">
  <meta name="viewport"
    content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>订单管理</title>
  <link rel="stylesheet" href="../css/bootstrap.min.css">
  <link rel="stylesheet" href="../js/lib/layer_mobile/need/layer.css">
  <link rel="stylesheet" href="../css/fonts/iconfont.css">
  <link rel="stylesheet" href="../css/pagination.css">
  <link rel="stylesheet" href="../css/style.css">
  <!-- <script src="https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"></script>
  <script>
  var vc=new VConsole();
  </script> -->
</head>

<body>
  <div class="layout orderForm">
    <div class="top">
      <div class="brand">订单管理</div>
      <ul class="top_menu">
        <!--
        <li class="">
          <a href="Order.html">
            <i class="iconfont icon-diancan"></i>
            <span>点餐</span>
          </a>
        </li>
        -->
        <li class="line"></li>
        <li>
          <a href="Table.html">
            <i class="iconfont icon-zhuotai"></i>
            <span>桌台</span>
          </a>
        </li>
        <li class="line"></li>
        <li class="active">
          <a href="orderForm.html">
            <i class="iconfont icon-dingdanguanli"></i>
            <span>订单管理</span>
          </a>
        </li>
        <!--
        <li class="line"></li>
        <li>
          <a href="memberCenter.html">
            <i class="iconfont icon-huiyuanzhongxin"></i>
            <span>会员</span>
          </a>
        </li>
        -->
        <li class="line"></li>
        <li>
          <a class="jiaoban">
            <i class="iconfont icon-guanzhang"></i>
            <span>交班</span>
          </a>
        </li>
        <li class="line"></li>
        <li>
          <a class="loginOut">
            <i class="iconfont icon-tuichu"></i>
            <span>退出登录</span>
          </a>
        </li>
      </ul>
      <div class="userInfo"></div>
    </div>
    <div class="main">
      <div class="main_top">
        <div class="btn-group hidden" role="group">
          <button type="button" class="btn active">今天</button>
          <button type="button" class="btn btn-default">昨天</button>
          <button type="button" class="btn btn-default">一周</button>
        </div>
        <div class="checkType">
          <label>查询状态：</label>
          <select class="form-control">
            <option value="">当前门店</option>
            <option value="all">所有门店</option>
          </select>
        </div>
        <div class="payList">
          <label>支付方式：</label>
          <select class="form-control">
          </select>
        </div>

        <!-- <div class="inputGroup">
          <input type="text" class="form-control" id="searVal" placeholder="请输入订单序号/桌台号">
          <button id="searInput"><span class="inputGroup-addon iconfont icon-sousuo"></span></button>
        </div> -->
        <div class="input-group">
          <input type="text" class="form-control" id="searVal" placeholder="请输入订单序号/桌台号">
          <span class="input-group-btn">
            <button id="searInput" class="btn btn-default" type="button"><span
                class="inputGroup-addon iconfont icon-sousuo"></span></button>
          </span>
        </div>
        <!-- <div class="Tip"><span class="red">1</span>个未上传订单</div> -->
        <!-- <button class="btn upload">一键上传</button> -->
        <button class="btn Search hidden">搜 索</button>
        <div class="printTotal">
          <button class="btn btn-danger" data-toggle="modal" data-target="#printModal">汇总打印</button>
        </div>
      </div>

      <div class="main_content">
        <ul class="main_content_top">
          <li class="active" data-state="1">全部订单 <span class="badge hidden">1</span></li>
          <li data-state="2">已结账 <span class="badge hidden">1</span></li>
          <li data-state="3">未结账 <span class="badge hidden">0</span></li>
          <li data-state="4">已退款 <span class="badge hidden">1</span></li>
          <li data-state="5">已退单 <span class="badge hidden">1</span></li>
          <li data-state="6">已退菜 <span class="badge hidden">1</span></li>
        </ul>
        <div class="tableData">
          <div>
            <table class="table table-striped">
              <thead>
                <tr>
                  <th>订单序号</th>
                  <th>排队号</th>
                  <th>订单号</th>
                  <th>楼层</th>
                  <th>桌台号</th>
                  <th>实收金额(元)</th>
                  <th>支付方式</th>
                  <th>下单时间</th>
                  <th>订单状态</th>
                  <th>操作</th>
                </tr>
              </thead>
              <tbody>
              </tbody>
            </table>
          </div>
          <div class="m-style M-box"></div>
        </div>
      </div>
    </div>

  </div>
  <!-- 订单详情弹框 -->
  <div class="modal" id="BillModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
              aria-hidden="true">&times;</span></button>
          <h4 class="modal-title" id="BillModalLabel">订单详情</h4>
        </div>
        <div class="modal-body">
          <div class="left">
          </div>
          <div class="right">
            <div class="tit">

            </div>
            <ul class="dishLists">
            </ul>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default CHECKPAY">查询移动订单号</button>
          <button type="button" class="btn btn-default QZF">去支付</button>
<!--          <button type="button" class="btn btn-default CFCT">厨 房 重 推</button>-->
          <button type="button" class="btn btn-default DZD">对 账 单</button>
<!--          <button type="button" class="btn btn-default CC">催 菜</button>-->
          <button type="button" class="btn btn-danger FJZ">退 回 桌 台</button>
          <button type="button" class="btn btn-danger REFUND">退 款</button>
          <!-- <button type="button" class="btn btn-danger DELETEORDER">删除订单</button> -->
        </div>
      </div>
    </div>
  </div>
  <!-- 汇总打印弹框 -->
  <div class="modal" id="printModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
              aria-hidden="true">&times;</span></button>
          <h4 class="modal-title">汇总打印</h4>
        </div>
        <div class="modal-body">
          <div class="modal-item">
            <label>时间：</label>
            <div class="inputGroup">
              <input id="Time" class="form-control" type="text" placeholder="开始时间" autocomplete="off"> -
              <input id="Time1" class="form-control" placeholder="结束时间" type="text" autocomplete="off">
            </div>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">取 消</button>
          <button type="button" class="btn btn-danger btnSure">确 定</button>
        </div>
      </div>
    </div>
  </div>

  <!--稍等框-->
  <div class="modal fade" id="loading" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-backdrop='static'>
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h4 class="modal-title" id="myModalLabel">提示</h4>
        </div>
        <div class="modal-body">
          <span id="result">请稍候。。。</span>
          <button type="button" class="btn-danger btn-sm loadclose">关闭</button>
        </div>
      </div>
    </div>
  </div>


  <script src="../js/lib/jquery.min.js"></script>
  <script src="../js/lib/jquery.pagination.js"></script>
  <script src="../js/lib/layer_mobile/layer.js"></script>
  <script src="../js/lib/bootstrap.min.js"></script>
  <script src="../js/app/app.js"></script>
  <script src="../js/lib/DatePicker/WdatePicker.js"></script>
  <script src="../js/app/orderForm.js?v=1.01"></script>
</body>

</html>